<%@ page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!DOCTYPE html>
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
	<title><spring:message code="book.sign.title" /></title>
	<link rel="stylesheet" type="text/css" href="resources/css/login.css" />
	<script type="text/javascript" src="resources/javascript/lib/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="resources/javascript/lib/json2.js"></script>
</head>

<body>

<div class="r-bx-main">
		<div id="sysSignBox" class="r-bx-sign">
			<div class="bx-sign-form">
				<div class="bx-sign-hd"><spring:message code="book.sign.form.header" /></div>
				<div class="bx-sign-bd">
					<div id="sysLoginForm" class="r-bx-form">
						<form class="pass-form" method="POST" action="login">
						
							<p class="pass-generalErrorWrapper" id="errorWrapper" style="display:none;">
								<span class="pass-generalError pass-generalError-error" id="error"></span>
							</p>
						
							<p id="userNameWrapper" class="pass-form-item" style="display:block" >
								<label id="userNameLabel" for="userName" class="pass-label pass-label-userName"></label>
								<input type="text" name="username" id="userName" class="pass-text-input pass-text-input-userName" placeholder="<spring:message code="book.sign.form.name.placeholder" />">
								<span style="display:none;" class="pass-clearbtn pass-clearbtn-userName" id="userName_clearbtn"></span>							
							</p>
							
							<p id="userPwdWrapper" class="pass-form-item" class="pass-text-input pass-text-input-password">
								<label id="userPwdLabel" for="password" class="pass-label pass-label-password"></label>
								<input type="password" name="password" id="password" class="pass-text-input pass-text-input-password" placeholder="<spring:message code="book.sign.form.passwd.placeholder" />">
								<span style="display:none;" class="pass-clearbtn pass-clearbtn-password" id="password_clearbtn"></span>
							</p>
							
							<p style="display: block;" class="pass-form-item pass-form-item-verifyCode" id="verifyCodeImgWrapper">
								<label class="pass-label pass-label-verifyCode" id="verifyCodeLabel" for="verifyCode"></label>
								<input type="text" maxlength="4" class="pass-text-input pass-text-input-verifyCode" name="verifyCode" id="verifyCode" placeholder="<spring:message code="book.sign.captcha.text" />">
								<span style="display:none;" class="pass-clearbtn pass-clearbtn-verifyCode" id="verifyCode_clearbtn"></span>
								<span class="pass-verifyCodeImgParent" id="verifyCodeImgParent">
									<img src="geneImgCode?rnd=<%=java.lang.Math.random()%>>" class="pass-verifyCode" id="verifyCodeImg">
								</span>
								<a class="pass-change-verifyCode" href="#" id="verifyCodeChange"><spring:message code="book.sign.captcha.another" /></a>
								<span class="pass-error pass-error-verifyCode" id="verifyCodeError"></span>
								<span class="pass-tip pass-tip-verifyCode" id="verifyCodeTip"></span>
							</p>
							
							<p id="remPassWrapper" class="pass-form-item">
								<input type="checkbox" checked="checked" name="remPwd" id="remPwd" style="vertical-align: middle;">
								<label id="remPassLabel" for="remPass"><spring:message code="book.sign.form.remember.text" /></label>
							</p>
							
							<p id="submitWrapper" class="pass-form-item">
								<input type="button" value="<spring:message code="book.sign.form.submit.text" />" id="loginSubmit" class="pass-button pass-button-submit">
								<a target="_blank" href="forgetpwd?" class="pass-fgtpwd"><spring:message code="book.sign.form.forgetpwd.text" /></a>
							</p>
							
							<p id="registerWrapper" class="pass-form-item register-end">
								<label id="registerPassLabel" for="registerPass" style="display:inline-block;padding-left:80px;font-size:15px;"><spring:message code="book.sign.form.noaccount.text" /></label>
								<input type="button" value="<spring:message code="book.sign.form.register.text" />" id="registerPass" class="pass-button-normal" style="display:inline-block">
							</p>
							
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div style="display:none;">
		<div id="noinput-userName"><spring:message code="book.sign.form.username.noinput" /></div>
		<div id="noinput-passWd"><spring:message code="book.sign.form.password.noinput" /></div>
		<div id="noinput-imageCode"><spring:message code="book.sign.form.captcha.noinput" /></div>
	</div>
	
	<script type="text/javascript" src="resources/javascript/pages/login.js"></script>
</body>
</html>